<!DOCTYPE html>

<html lang="ch" class="no-js">
    <!-- BEGIN HEAD -->
    <head>
        <meta charset="utf-8"/>
        <title>关于我们 - Skeys</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1" name="viewport"/>
        <meta content="" name="description"/>
        <meta content="" name="author"/>

        <!-- GLOBAL MANDATORY STYLES -->
        <link href="http://fonts.googleapis.com/css?family=Hind:300,400,500,600,700" rel="stylesheet" type="text/css">
        <link href="vendor/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
        <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

        <!-- PAGE LEVEL PLUGIN STYLES -->
        <link href="css/animate.css" rel="stylesheet">
        <link href="vendor/swiper/css/swiper.min.css" rel="stylesheet" type="text/css"/>

        <!-- THEME STYLES -->
        <link href="css/layout.css" rel="stylesheet" type="text/css"/>

        <!-- Favicon -->
        <link rel="shortcut icon" href="img/favicon.png">
        <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
        <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
    </head>
    <!-- END HEAD -->

    <!-- BODY -->
    <body>

        <!--========== HEADER ==========-->
        <header class="header navbar-fixed-top">
            <!-- Navbar -->
            <nav class="navbar" role="navigation">
                <div class="container">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="menu-container">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="toggle-icon"></span>
                        </button>

                        <!-- Logo -->
                        <div class="logo">
                            <a class="logo-wrap" href="index.html">
                                <img class="logo-img logo-img-main" src="img/logo.png" alt="Asentus Logo">
                                <img class="logo-img logo-img-active" src="img/logo-dark.png" alt="Asentus Logo">
                            </a>
                        </div>
                        <!-- End Logo -->
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse nav-collapse">
                        <div class="menu-container">
                            <ul class="navbar-nav navbar-nav-right">
                                <li class="nav-item"><a class="nav-item-child nav-item-hover" href="index.html">创意中心</a></li>
                                <!-- <li class="nav-item"><a class="nav-item-child nav-item-hover" href="pricing.html">Pricing</a></li> -->
                                <li class="nav-item"><a class="nav-item-child nav-item-hover active" href="about.html">关于我们</a></li>
                                <li class="nav-item"><a class="nav-item-child nav-item-hover" href="products.html">解决方案</a></li>
                                <li class="nav-item"><a class="nav-item-child nav-item-hover" href=faq.html>FAQ</a></li>
                                <li class="nav-item"><a class="nav-item-child nav-item-hover" href="contact.html">业务洽谈</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Navbar Collapse -->
                </div>
            </nav>
            <!-- Navbar -->
        </header>
        <!--========== END HEADER ==========-->

        <!--========== PARALLAX ==========-->
        <div class="parallax-window" data-parallax="scroll" data-image-src="img/1920x1080/01.jpg">
            <div class="parallax-content container">
                <h1 class="carousel-title">关于我们</h1>
                <p>一切关于设计和体验的思想，都在这里迸发。 <br/> 设计不是为了让事物变得美丽，而是让世界变得美好，而我们，一直在为此努力。</p>
            </div>
        </div>
        <!--========== PARALLAX ==========-->

        <!--========== PAGE LAYOUT ==========-->
        <!-- Features -->
        <div class="section-seperator">
            <div class="content-lg container">
                <div class="row">
                    <div class="col-sm-4 sm-margin-b-50">
                        <div class="wow fadeInLeft" data-wow-duration=".3" data-wow-delay=".3s">
                            <h3>团队协作</h3>
                            <p>良好的团队精神是我们得以拥有不断创新的灵感和高质量解决方案的核心，运用团队领导人物的管理，调动团队的积极性，让协作变成一种习惯。</p>
                            <!-- <a class="link" href="#">Read More</a> -->
                        </div>
                    </div>
                    <div class="col-sm-4 sm-margin-b-50">
                        <div class="wow fadeInLeft" data-wow-duration=".3" data-wow-delay=".2s">
                            <h3>敏捷开发</h3>
                            <p>以用户需求为核心，不断迭代、循序渐进式的设计与开发方式，化繁为简，让项目与产品的设计不再是一种压力，同时高效完成产品交付。</p>
                            <!-- <a class="link" href="#">Read More</a> -->
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="wow fadeInLeft" data-wow-duration=".3" data-wow-delay=".1s">
                            <h3>高效实现</h3>
                            <p>效率是生产力价值的体现，保持高效的设计能力是团队完成项目的标准。让产品在不断打磨同时，拥有高效的产出，才能更好的进行产品迭代与优化。</p>
                            <!-- <a class="link" href="#">Read More</a> -->
                        </div>
                    </div>
                </div>
                <!--// end row -->
            </div>
        </div>
        <!-- End Features -->

        <!-- About -->
        <div class="content-lg container">
            <div class="row margin-b-20">
                <div class="col-sm-6">
                    <h2>关于Skeys</h2>
                </div>
            </div>
            <!--// end row -->

            <div class="row">
                <div class="col-sm-7 sm-margin-b-50">
                    <div class="margin-b-30">
                        <p class="carousel-subtitle-dark">Skeys的总部在北京，并于杭州、山东、广东、吉林设有工作室，我们的客户涵盖从B2B到B2C的不同领域。公司致力于探索品牌战略与设计之道，以战略为先导，提供从研究、战略、设计到
                        内部品牌管理的综合性服务，通过最佳的视觉设计来诠释品牌的战略与定位，竭力唤起品牌与目标消费者之间的共鸣。</p>
                    </div>
                    <p class="carousel-subtitle-dark">我们能为客户提供全方位的诊断、策略、设计、传播、管理等设计方案，创建极具商业价值的品牌深度服务。</p>
                </div>
                <div class="col-sm-4 col-sm-offset-1">
                    <img class="img-responsive" src="img/640x380/01.jpg" alt="我们的工作室">
                </div>
            </div>
            <!--// end row -->
        </div>
        <!-- End About -->

        <!-- Team -->
        <div class="bg-color-sky-light">
            <div class="content-lg container">
                <div class="row margin-b-40">
                    <div class="col-sm-6">
                        <h2>团队介绍</h2>
                        <!-- <p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed tempor incididunt ut laboret dolore magna aliqua enim minim veniam exercitation</p> -->
                    </div>
                </div>
                <!--// end row -->

                <div class="row">
                    <!-- Team -->
                    <div class="col-sm-4 sm-margin-b-50">
                        <div class="bg-color-white margin-b-20">
                            <div class="wow zoomIn" data-wow-duration=".3" data-wow-delay=".1s">
                                <img class="img-responsive" src="img/770x860/anial.png" alt="Team Image">
                            </div>
                        </div>
                        <h4><a href="#">Ainal Zeng</a> <span class="text-uppercase margin-l-20">Chief Executive Officer</span></h4>
                        <p>具有北京知名公司十年以上的设计经验，拥有不少于十人的设计团队。擅长平面与品牌包装设计，具有极佳的设计思维和敏锐的设计眼光。</p>
                        <a class="link" href="#">了解更多</a>
                    </div>
                    <!-- End Team -->

                    <!-- Team -->
                    <div class="col-sm-4 sm-margin-b-50">
                        <div class="bg-color-white margin-b-20">
                            <div class="wow zoomIn" data-wow-duration=".3" data-wow-delay=".1s">
                                <img class="img-responsive" src="img/770x860/laoluo.png" alt="Team Image">
                            </div>
                        </div>
                        <h4><a href="#">老罗</a> <span class="text-uppercase margin-l-20">Chief Technology Officer</span></h4>
                        <p>曾有四年北京知名互联网公司视觉设计师经验，除设计外具有编程语言能力。能为项目设计的设计、实现、开发及测试上线一系列流程提供无缝的解决方案。</p>
                        <a class="link" href="#">了解更多</a>
                    </div>
                    <!-- End Team -->

                    <!-- Team -->
                    <div class="col-sm-4 sm-margin-b-50">
                        <div class="bg-color-white margin-b-20">
                            <div class="wow zoomIn" data-wow-duration=".3" data-wow-delay=".1s">
                                <img class="img-responsive" src="img/770x860/jayssi.png" alt="Team Image">
                            </div>
                        </div>
                        <h4><a href="#">Jayssi Yang</a> <span class="text-uppercase margin-l-20">Chief Designer Officer</span></h4>
                        <p>具有数年互联网公司产品设计经验，熟悉产品设计思维、产品设计核心思想及设计流程，能快速主导团队进行评估最优方案，并引导设计。</p>
                        <a class="link" href="#">了解更多</a>
                    </div>
                    <!-- End Team -->
                </div>
                <!--// end row -->
                <div style="display:block; padding:20px;">

               </div>

                <div class="row">
                    <!-- Team -->
                    <div class="col-sm-4 sm-margin-b-50">
                        <div class="bg-color-white margin-b-20">
                            <div class="wow zoomIn" data-wow-duration=".3" data-wow-delay=".1s">
                                <img class="img-responsive" src="img/770x860/jacky.png" alt="Team Image">
                            </div>
                        </div>
                        <h4><a href="#">Jacky Zan</a> <span class="text-uppercase margin-l-20">Chief ART Officer</span></h4>
                        <p>首席艺术总监，曾就职于北京某知名互联网公司，从事艺术总监职位，对艺术有浓厚的兴趣，并在其行业有较高造诣。</p>
                        <a class="link" href="#">了解更多</a>
                    </div>
                    <!-- End Team -->

                    <!-- Team -->
                    <div class="col-sm-4 sm-margin-b-50">
                        <div class="bg-color-white margin-b-20">
                            <div class="wow zoomIn" data-wow-duration=".3" data-wow-delay=".1s">
                                <img class="img-responsive" src="img/770x860/april.png" alt="Team Image">
                            </div>
                        </div>
                        <h4><a href="#">四月</a> <span class="text-uppercase margin-l-20">Designer</span></h4>
                        <p>杭州妹子，艺术范，美丽动人，富有激情，追求潮流。擅长网页及移动端视觉设计，设计风格多样，不拘一格。</p>
                        <a class="link" href="#">了解更多</a>
                    </div>
                    <!-- End Team -->

                    <!-- Team -->
                    <div class="col-sm-4 sm-margin-b-50">
                        <div class="bg-color-white margin-b-20">
                            <div class="wow zoomIn" data-wow-duration=".3" data-wow-delay=".1s">
                                <img class="img-responsive" src="img/770x860/song.png" alt="Team Image">
                            </div>
                        </div>
                        <h4><a href="#">Super Song</a> <span class="text-uppercase margin-l-20">product manager</span></h4>
                        <p>具有数年互联网公司产品设计经验，熟悉产品设计思维、产品设计核心思想及设计流程，能快速主导团队进行评估最优方案，并引导设计。</p>
                        <a class="link" href="#">了解更多</a>
                    </div>
                    <!-- End Team -->
                </div>
                <!--// end row -->
            </div>
        </div>
        <!-- End Team -->
        <!--========== END PAGE LAYOUT ==========-->

        <!--========== FOOTER ==========-->
        <footer class="footer">
            <!-- Links -->
            <div class="footer-seperator">
                <div class="content-lg container">
                    <div class="row">
                        <div class="col-sm-2 sm-margin-b-50">
                            <!-- List -->
                            <ul class="list-unstyled footer-list">
                                <li class="footer-list-item"><a class="footer-list-link" href="#">创意中心</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">关于我们</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">解决方案</a></li>
                                <!--<li class="footer-list-item"><a class="footer-list-link" href="#">Pricing</a></li>-->
                                <li class="footer-list-item"><a class="footer-list-link" href="#">客户信息</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">公司历程</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">业务洽谈</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">团队介绍</a></li>
                            </ul>
                            <!-- End List -->
                        </div>
                        <div class="col-sm-4 sm-margin-b-30">
                            <!-- List -->
                            <ul class="list-unstyled footer-list">
                                <li class="footer-list-item"><a class="footer-list-link" href="#">Twitter</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">Facebook</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">微博</a></li>
                                <!--<li class="footer-list-item"><a class="footer-list-link" href="#">YouTube</a></li>-->
                            </ul>
                            <!-- End List -->
                        </div>
                        <div class="col-sm-5 sm-margin-b-30">
                            <h2 class="color-white">有问题需要咨询？在下方留言吧</h2>
                            <input type="text" class="form-control footer-input margin-b-20" placeholder="姓名" required>
                            <input type="email" class="form-control footer-input margin-b-20" placeholder="Email" required>
                            <input type="text" class="form-control footer-input margin-b-20" placeholder="联系方式" required>
                            <textarea class="form-control footer-input margin-b-30" rows="6" placeholder="留言内容" required></textarea>
                            <button type="submit" class="btn-theme btn-theme-sm btn-base-bg text-uppercase">提交</button>
                        </div>
                    </div>
                    <!--// end row -->
                </div>
            </div>
            <!-- End Links -->

            <!-- Copyright -->
            <div class="content container">
                <div class="row">
                    <div class="col-xs-6">
                        <img class="footer-logo" src="img/logo.png" alt="Skeys Logo">
                    </div>
                    <div class="col-xs-6 text-right">
                        <p class="margin-b-0"><a class="color-base fweight-700" href="#preview/asentus/">Skeys Design - 2017©All rights reserved.</p>
                    </div>
                </div>
                <!--// end row -->
            </div>
            <!-- End Copyright -->
        </footer>
        <!--========== END FOOTER ==========-->

        <!-- Back To Top -->
        <a href="javascript:void(0);" class="js-back-to-top back-to-top"><i class="service-icon icon-arrow-up"></i> </a>

        <!-- JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
        <!-- CORE PLUGINS -->
        <script src="vendor/jquery.min.js" type="text/javascript"></script>
        <script src="vendor/jquery-migrate.min.js" type="text/javascript"></script>
        <script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

        <!-- PAGE LEVEL PLUGINS -->
        <script src="vendor/jquery.easing.js" type="text/javascript"></script>
        <script src="vendor/jquery.back-to-top.js" type="text/javascript"></script>
        <script src="vendor/jquery.smooth-scroll.js" type="text/javascript"></script>
        <script src="vendor/jquery.wow.min.js" type="text/javascript"></script>
        <script src="vendor/jquery.parallax.min.js" type="text/javascript"></script>
        <script src="vendor/swiper/js/swiper.jquery.min.js" type="text/javascript"></script>

        <!-- PAGE LEVEL SCRIPTS -->
        <script src="js/layout.min.js" type="text/javascript"></script>
        <script src="js/components/swiper.min.js" type="text/javascript"></script>
        <script src="js/components/wow.min.js" type="text/javascript"></script>

    </body>
    <!-- END BODY -->
</html>
